<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>博客</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<link rel="shortcut icon" href="ico/blog.ico" />

<link href="css/home.css" type="text/css" rel="stylesheet" />
<link href="css/default.css" type="text/css" rel="stylesheet" />
<script src="js/jquery/jquery-1.6.2.js" type="text/javascript"></script>
<script type="text/javascript" src="js/home/home.js" ></script>
<script type="text/javascript" src="js/home/default.js" ></script>
	
  </head>
  
  <body>
  
  <center>
	
	<div class="container">
	
		<div class="top">
			<div class="pic">
				<img src="image/home/blog.jpg" alt="logo" />
			</div>
			<div class="search" style="margin-top:30px;">
				<form action="">
					<input type="text" value="search..." id="search_text" />
					<input type="submit" value="搜索" id="btn" class="btn"/>
				</form>
			</div>
		</div>
		
		<div class="menu">
			<ul id="sddm">
	            <li>
	                <a href="#">Home</a>
	            </li>
	            <li><a onmouseover="mopen('m2')" onmouseout="mclosetime()">Mews</a>
	                <div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">Mews</a>
	                <a href="#">Mews</a>
	                <a href="#">Mews</a>
	                <a href="#">Mews</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m3')" onmouseout="mclosetime()">Wrapper</a>
	                <div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">Wrapper</a>
	                <a href="#">Wrapper</a>
	                <a href="#">Wrapper</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m4')" onmouseout="mclosetime()">About us</a>
	                <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">About us</a>
	                <a href="#">About us</a>
	                <a href="#">About us</a>
	                <a href="#">About us</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m5')" onmouseout="mclosetime()">Blogs</a>
	                <div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">Blogs</a>
	                <a href="#">Blogs</a>
	                <a href="#">Blogs</a>
	                <a href="#">Blogs</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m6')" onmouseout="mclosetime()">How it works</a>
	                <div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">How it works</a>
	                <a href="#">How it works</a>
	                <a href="#">How it works</a>
	                <a href="#">How it works</a>
	                <a href="#">How it works</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m7')" onmouseout="mclosetime()">Tools</a>
	                <div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">Tools</a>
	                <a href="#">Tools</a>
	                <a href="#">Tools</a>
	                <a href="#">Tools</a>
	                </div>
	            </li>
	            <li><a onmouseover="mopen('m8')" onmouseout="mclosetime()">Contact us</a>
	                <div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
	                <a href="#">Contact us</a>
	                <a href="#">Contact us</a>
	                <a href="#">Contact us</a>
	                <a href="#">Contact us</a>
	                </div>
	            </li>
	            <li>
	                <a href="#">Search</a>
	            </li>
	        </ul>
		</div>
		
		<div class="link">
			<div class="l1">
				<img alt="2" src="image/test/2.jpg" width="300px" height="200px"/>
			</div>
			<div class="l1">
				<img alt="3" src="image/test/3.jpg" width="300px" height="200px" />
			</div>
			<div class="l1">
				<img alt="4" src="image/test/4.jpg" width="300px" height="200px" />
			</div>
		</div>
		
		<div class="context">
			<div class="main">
				<div class="mainmenu">
					<div style="margin-top:40px;">
					<ul>
						<ol style="color:#000000"><img src="image/home/tip.jpg" />Home Menu</ol>
						<li>Home</li>
						<li>License</li>
						<li>The News</li>
						<li>Search</li>
						<li>Blogs</li>
						<li>Links</li>
					</ul>
					</div>
				</div>
				<div class="polls">
				<form action="">
				<table>
					<tr>
					<ul>
						<ol><img src="image/home/tip.jpg" />Polls</ol>
						<li>Would you like your company to go global?</li>
						
						<li><input type="radio" name="polls" value="alredy" />Yes,we alredy do</li>
						<li><input type="radio" name="polls" value="planning" />Yes,we're planning to</li>
						<li><input type="radio" name="polls" value="yes" />Yes,but we're not</li>
						<li><input type="radio" name="polls" value="stay" />No,we'd rather stay</li>
						<li><input type="radio" name="polls" value="not" />Not sure</li>
					</ul>
					</tr>
					<tr>
						<td><input type="submit" value="Vote" class="btn" /></td>
						<td><input type="reset" value="Results" class="btn" /></td>
					</tr>
					</table>
				</form>
				</div>
			</div>
			
			<div class="content">
				<div class="con_top" style="background:#000099"></div>
				<div class="con_bottom" style="background:#00CC33"></div>
			</div>
			
			<div class="login">
					<div style="margin-top:40px;">
				<form action="">
					<table>
						<tr><td><img src="image/home/tip.jpg" />Login form</td></tr>
						<tr><td>Username</td></tr>
						<tr><td><input type="text" name="username" /></td></tr>
						<tr><td>Password</td></tr>
						<tr><td><input type="password" name="password" /></td></tr>
						<tr><td><input type="submit" value="Log In" class="btn" /></td></tr>
					</table>
				</form>
				<br />
				<a href="">forgot your password?</a>
				<br />
				<a href="">forgot your username?</a>
				<br />
				<h3>No Blog Yet?</h3>
				<a href="">Create a blog</a>
			</div>
			</div>
		</div>
		
		<div class="bottom" style="background:#242424;">
			<font color="#0099ee" size="-1" >版权所有 &#169 2011 小鹿 && 小欢</font>
		</div>
		
	</div>

</center>
  
  </body>
</html>
